<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'MyJsp.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
<jsp:include page="/scripts/jquery/index.html"></jsp:include>
<jsp:include page="/scripts/bootstrap/index.html"></jsp:include>
<link rel="stylesheet" href="${basepath }style/default.css">
<script type="text/javascript">
	function panelActive(obj){
		var lilength = obj.parentNode.children;
		for(var i=0;i<lilength.length;i++){
			lilength[i].className=""; 
			$("#"+lilength[i].id+"Div").hide();
		}
		obj.className="active";
		$("#"+obj.id+"Div").show();
		
	}
	function save() {
		SN.alert.info("");
		 closeWindow();
	}
	function closeWindow() {
		parent.w1.close();
	}
</script>
</head>
<body>
	<form>
		<table class="contTable">
			<tr class="firstTr">
				<td>
					<button onclick="save()" class="btn btn-primary" type="button">
						<span class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></span>&nbsp;<span>保存</span>
					</button>
					<button onclick="closeWindow()" class="btn btn-primary" type="button">
						<span class="glyphicon glyphicon-remove-sign" aria-hidden="true"></span>&nbsp;<span>关闭</span>
					</button>
				</td>
			</tr>
			<tr style="height:auto;">
				<td valign="top">
					<ul class="nav nav-tabs">
						<li role="presentation" id="information" onclick="panelActive(this)" class="active"><a>基本信息</a></li>
						<li role="presentation" id="other" onclick="panelActive(this)"><a>基本信息1</a></li>
						<li role="presentation" id="another" onclick="panelActive(this)"><a>基本信息2</a></li>
					</ul>
					<div class="panelDiv" id="informationDiv" style="height:320px">
						<div class="blockBorder">
							<strong>基本信息</strong>
							<hr>
							<table class="tableCont">
								<tr>
									<td class="titleClass" style="width:8%;">姓名：</td>
									<td class="contClass" style="width:42%"><input type="text" class="form-control"></td>
									<td class="titleClass">性别：</td>
									<td class="contClass"><select class="form-control">
											<option>男</option>
											<option>女</option>
									</select></td>
								</tr>
								<tr>
									<td class="titleClass">年龄：</td>
									<td class="contClass"><input type="text" class="form-control"></td>
									<td class="titleClass">学历：</td>
									<td class="contClass"><input type="text" class="form-control"></td>
								</tr>
								<tr>
									<td class="titleClass">描述：</td>
									<td class="textareaClass" colspan="3"><textarea class="form-control" rows="3" style="width:99%"></textarea></td>
								</tr>
							</table>
						</div>
						<div class="blockBorder">
							<strong>从表信息</strong>
							<hr>
							<table class="table table-striped table-bordered" style="width:98%;margin:auto;margin-top:30px;border-top:0px">
								<tbody align="center" class="childTable">
									<tr style="background:#f0efef" class="childTitle">
										<td style="width:5%"><input type="checkbox" /></td>
										<td style="width:25%">姓名</td>
										<td style="width:25%">性别</td>
										<td style="width:25%">联系方式</td>
										<td style="width:20%"><span style="position:relative;margin:auto">关联操作</span></td>
									</tr>
									<tr class="childCont">
										<td class="cellClass"><input type="checkbox" /></td>
										<td><input type="text" class="form-control"></td>
										<td><select class="form-control">
												<option>男</option>
												<option>女</option>
										</select></td>
										<td><input type="text" class="form-control"></td>
										<td align="center"><a href="#">关联操作</a></td>
									</tr>
									<tr class="childCont">
										<td class="cellClass"><input type="checkbox" /></td>
										<td><input type="text" class="form-control"></td>
										<td><select class="form-control">
												<option>男</option>
												<option>女</option>
										</select></td>
										<td><input type="text" class="form-control"></td>
										<td align="center"><a href="#">关联操作</a></td>
									</tr>
								</tbody>
							</table>
							<table class="table table-striped table-bordered" style="width:98%;margin:auto;margin-top:0px;margin-bottom:15px">
								<tbody>
									<tr class="footerCont">
										<td colspan="5">
											<button class="btn btn-primary">
												<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
											</button>
											<button class="btn btn-primary">
												<span class="glyphicon glyphicon-minus" aria-hidden="true"></span>
											</button> <!-- 分页 -->
											<button class="btn btn-primary" " aria-label="Left Align">
												<span class="glyphicon glyphicon-fast-backward" aria-hidden="true"></span>
											</button>
											<button class="btn btn-primary" " aria-label="Left Align">
												<span class="glyphicon glyphicon-backward" aria-hidden="true"></span>
											</button> &nbsp; <span>1/1</span> &nbsp;
											<button class="btn btn-primary" " aria-label="Left Align">
												<span class="glyphicon glyphicon-forward" aria-hidden="true"></span>
											</button>
											<button class="btn btn-primary" " aria-label="Left Align">
												<span class="glyphicon glyphicon-fast-forward" aria-hidden="true"></span>
											</button> &nbsp; <span>总条数：</span> <span>2</span> &nbsp; <span>每页显示条数：</span> <select>
												<option>15</option>
												<option>20</option>
										</select> &nbsp; <span>跳转至</span> <input type="text" /> <span>页</span> &nbsp;
											<button class="btn btn-primary">确定</button>
										</td>
									</tr>
								</tbody>
							</table>
						</div>
					</div> <!-- 111 -->
					<div class="panelDiv" id="otherDiv" style="display:none;height:320px"></div> <!-- 222 -->
					<div class="panelDiv" id="anotherDiv" style="display:none;height:320px"></div>
				</td>
			</tr>
		</table>
	</form>
</body>
</html>
